<template>
  <div>
    <el-card>
      <div class="cardTitle">
        <span style="font-size: 12px">{{ title }}</span>
        <span><i class="el-icon-warning-outline"></i></span>
      </div>
      <div style="font-size: 16px; margin: 10px 0">{{ count }}</div>
      <div class="card-charts">
          <slot name="charts"></slot>
      </div>
      <div style="padding-top: 10px; border-top: 1px solid #eee">
        日销售额￥ 12423
      </div>
    </el-card>
  </div>
</template>

<script>

export default {
  name: "detail",
  props: ["title", "count"],
  
};
</script>

<style lang="scss">
.cardTitle {
  display: flex;
  justify-content: space-between;
}
.card-charts {
  font-size: 14px;
  margin: 10px 0;
  height: 50px;
}
</style>